<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>3-8留言板</title>
	<style type="text/css">
		html,body{
			padding: 0;
			margin: 0;
		}
		.head{
			height: 86px;
			background: #00a0d8;
			text-align: center;
		}
		fieldset{
			margin: 30px auto;
			width: 950px;
			border:0;
			border-top: 1px solid #ddd;
		}
		legend{
			text-align: center;
			font-size: 42px;
			padding: 0 420px;
		}
		form{
			height: 400px;
			width: 400px;
			margin: 0 auto;
		}
		input{
			width: 100%;
			padding: 8px 12px;
			box-sizing: border-box;
			outline: none;
		}
		p{
			padding: 10px;
		}
	</style>
</head>
<body>
	<div class="head">
		<img src="head.png">
	</div>
	<fieldset>
		<legend>注册</legend>
	</fieldset>
	<form>
		<p>
			<input type="text" name=""
			placeholder="请输入你的昵称">
		</p>
		<p>
			<input type="password" name="" placeholder="密码(6-16个字符组成),区分大小写">
		</p>
		<p>
			<input type="text" name="" placeholder="填写常用手机号">
		</p>
		<p>
			<input type="text" name="" placeholder="输入验证码">
		</p>
		<p style="font-size:12px;">
			<input type="checkbox" name="" style="width: 10px;height: 10px;">我已同意《哔哩哔哩弹幕网用户使用协议》和《哔哩哔哩隐私政策》
		</p>
		<p>
			<input type="submit" name="" style="background: #00a1d6;border:0;">
		</p>
		<p style="text-align: right;">
			<a href="" style="color:#00a1d6;">已有账号，直接登录></a>
		</p>
	</form>

</body>
</html>